<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}AI文本生成系统{% endblock %}</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github-dark.min.css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body class="bg-gray-900 text-gray-100 flex flex-col h-screen">
    <header class="bg-gray-800 border-b border-gray-700 py-3 px-4 flex items-center justify-between">
        <h1 class="text-xl font-bold text-blue-400 flex items-center">
            <i class="fas fa-robot mr-2"></i>AI文本生成系统
        </h1>
        <nav>
            <a href="{{ url_for('index') }}" class="mr-4 hover:text-blue-400"><i class="fas fa-comments mr-1"></i>聊天</a>
            <a href="{{ url_for('settings') }}" class="hover:text-blue-400"><i class="fas fa-cog mr-1"></i>设置</a>
        </nav>
    </header>
    
    <main class="flex-1 overflow-hidden flex">
        {% block content %}{% endblock %}
    </main>
    
    {% block scripts %}{% endblock %}
</body>
</html>